<template>
    <div class="scale" style="width:100%;height:100%">
        <el-carousel :autoplay="false">
            <el-carousel-item>
                <el-row :gutter="10" style="padding-top:60px">
                    <el-col :span="12" class="center">
                        <dv-decoration-11 style="width:200px;height:60px;margin-bottom:5px">基地数量：<i style="font-weight:900;font-size:20px">186</i>座</dv-decoration-11>
                        <dv-decoration-11 style="width:200px;height:60px;margin-bottom:5px">饲养员：<i style="font-weight:900;font-size:20px">1966</i>位</dv-decoration-11>
                        <dv-decoration-11 style="width:200px;height:60px;">设备数量：<i style="font-weight:900;font-size:20px">366</i>台</dv-decoration-11>
                    </el-col>
                    <el-col :span="12" class="center">
                        <dv-decoration-12 style="width:50px;height:50px;" />
                    </el-col>
                </el-row>
            </el-carousel-item>
            <el-carousel-item>
                123
            </el-carousel-item>
        </el-carousel>
    </div>
</template>

<script>
export default {
    name: 'Scale',
    data() {
        return {}
    }
}
</script>

<style lang="scss" scoped>
.scale {
    color: white;
    font-size: 16px;
}
.el-carousel .el-carousel-item {
    background-color: rgba(0,0,0,0);
}
.center {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
</style>